import Message from '@/components/XtxMessage'
import axios, { AxiosError } from 'axios'
import user from '@/store/modules/user'

export const baseURL = 'http://pcapi-xiaotuxian-front.itheima.net'

// 备用接口地址: http://pcapi-xiaotuxian-front-devtest.itheima.net
const instance = axios.create({
    // 请求基地址
    // baseURL: 'http://pcapi-xiaotuxian-front.itheima.net/',
    baseURL,
    // 最长等待时间，如果超过了这个时间，就报错
    timeout: 5000
})

// 添加请求拦截器
instance.interceptors.request.use(
    function (config) {
        // 在发送请求之前做些什么
        const { profile: { token } } = user()
        if (token) {
            config.headers!.Authorization = `Bearer ${token}`
        }
        return config
    },
    function (error) {
        // 对请求错误做些什么
        return Promise.reject(error)
    }
)

// 添加响应拦截器
instance.interceptors.response.use(
    function (response) {

        return response
    },
    function (error: AxiosError<{ message: string }>) {
        // 对响应错误做点什么
        // 对响应错误做点什么
        if (!error.response) {
            Message.error('网络错误')
        }
        // 如果发现有response, 和 response.data 就弹出这个错误
        if (error.response && error.response.data) {
            Message.error(error.response.data.message)
            console.log('响应拦截器错误输出', error.response.data.message)
        }
        return Promise.reject(error)
    }
)

export default instance